<template>
    <div class="Head">
        <div class="title">
            <div class="big-title">Shiro-Auth</div>
            <div class="small-title">一款基于Springboot+shiro的前后端分离权限管理系统</div>
            <div class="copyright">BY HZHAZHA</div>
        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return {};
        },
    };
</script>

<style scoped>
    .title {
        margin: 15% 30px 1% 30px;
        padding: 0 50px 0 50px;
    }
    .big-title {
        font-size: 80px;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
        "Microsoft YaHei", "微软雅黑", Arial, sans-serif;

    }
    .small-title {
        font-size: 15px;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
        "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    }
    .copyright {
        font-size: 10px;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
        "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    }
</style>